<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="INDEX/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="INDEX/css/main.css"/>
		<!--<link rel="stylesheet" type="text/css" href="../../css/achievement.css"/>-->
		<style type="text/css">
			.next_top{
				width: 100%;
			    padding: 1em;
			}
			.next_top .close_page{
				width: 36px;
				height: 24px;
				background: #FFF2CD;
				display: inline-block;
				font-size: 0.7em;
				text-align: center;
				line-height: 15px;				
				color: #000;
				padding: 5px;
			}
			.cash_history{
				width: 100%;
			    background: #fff;
			}
			.cash_history .cash_history_title{
				padding: 0.5em;
				font-size: 0.9em;
			    border-bottom: 1px solid #F2F2F2;
			}
			.history_table{
				padding: 0.5em;
			}
			.history_table .table_box{
				width: 100%;
			    margin: 0.5em auto;
			    text-align: center;
				overflow-x: scroll;
    			white-space: nowrap;
			}
			.history_table .table_box table{
				width: 150%;
				border: 1px solid #F2F2F2;
				background: #f2f2f2;
			}
			.history_table .table_box table .return{
				    width: 35px;
				    height: 25px;
				    line-height: 25px;
				    display: inline-block;
				    /* border: 1px solid red; */
				    /* padding: 2px 1px; */
				    border-radius: 5px;
				    color: #fff;
				    background: #F5BE25;
			}
			.history_table .table_box table th{
				font-size: 0.9em;
				padding: 0.5em;
			}
			.history_table .table_box table td{
				padding: 0.5em;
				font-size: 0.7em;
			}
		</style>
	</head>

	<body>
		<script src="INDEX/js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<script src="INDEX/js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"></script>	
		<script>
			mui.init();
			$(document).ready(function(){
			   $("#header").load("../header.html");			   
			});
		</script>
		<header class="mui-bar mui-bar-nav">
			<a href="#offCanvasSide" class="right_top"></a>
			<!--<a class="mui-switch "></a>-->
			<div class="mui-switch mui-pull-right mui-active">
  				<div class="mui-switch-handle"></div>
			</div>
			<h1 class="mui-title">{$Think.lang.project_title}</h1>
		</header>
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-slide-in">
			<div id="header"></div>
			<div class="mui-inner-wrap">
				<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper mui-slide-in">
					<div class="mui-scroll">
						<div class="next_content">		
							<div class="next_top">
								<div style="width: 86%;display: inline-block;"></div>
								<a href="javascript:history.back(-1)"><span class="close_page">{$Think.lang.set_close}</span></a>
							</div>
								<div class="cash_history">									
									<div class="history_table">
										<div class="table_box">
											<table border="" cellspacing="5" cellpadding="5" rules="none">
												<tr>
													<th>{$Think.lang.member}</th>
													<th>{$Think.lang.team_level}</th>
													<th>{$Think.lang.user_direct_drive_number}</th>
													<th>{$Think.lang.user_team_number}</th>
													<th>{$Think.lang.user_team_money}</th>
												</tr>
												{foreach $result as $res}
												<tr>
													<td>{$res['user_name']}</td>
													<td>{$res['name']}</td>
													<td>{$res['valid_recom']}</td>
													<td>{$res['valid_team']}</td>
													<td>{$res['team_money']}</td>	
												</tr>
												{/foreach}
											</table>
										</div>
									</div>
								</div>							
						</div>
					</div>
				</div>
			</div>	
		</div>
	</body>
	<script type="text/javascript">

	</script>

</html>